<!--
 * @file:
 * @author: xiaoyu
 * @Date: 2021-07-12 01:36:48
-->
<template>
  <a-table :columns="columns" :data-source="data" :scroll="{ x: 1500, y: 300 }">
    <template v-slot:action="text">{{ text }}</template>
  </a-table>
</template>

<script setup lang="ts">
import { defineProps, onMounted, toRefs, defineComponent } from 'vue'

const { columns } = defineProps()

const data: any = []
for (let i = 0; i < 100; i++) {
  data.push({
    key: i,
    name: `Edrward ${i}`,
    age: 32,
    address: `London Park no. ${i}`
  })
}

onMounted(() => {
  console.log(columns)
})

// export default defineComponent({ name: 'appBaseTable' })
</script>
